<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" >

<script type="text/javascript" src="setup.js"></script>
<script type="text/javascript" src="ita.js"></script>
<link href="ita.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function onLoad() {
	wuyb.setDesignMode('frame1');
	wuyb.setDesignMode('frame12');
	wuyb.setUp(['text1', 'text2', 'div1', 'frame1']);
	wuyb.createWidget(['text1', 'text2', 'div1', 'frame1'],{'ui': 'kd', 'isFloating':true});
}

if (window.addEventListener) {
window.addEventListener('load', onLoad, false);
} else {
window.attachEvent('onload', onLoad, false);
}
</script>
</head>
<body>
	<p>
	Select the input tools
	<div id='translControl'></div>
	</p
	<div style="position:absolute;top:60px;left:20px;">
		</br>Input&nbsp;:&nbsp;
		<input type='textbox' id="text1" />
		</br>TextArea
		</br>
		<textarea id="text2" style="width: 400px; height: 200px"></textarea>
		</br>Div
		</br>
		<div contentEditable="true"
			style="border: 2px solid rgb(0, 0, 0); width: 400px; height: 200px"
			id="div1"></div>
		</br>Design-mode IFrame
		</br>
		<iframe id="frame1" designMode="On" dir="rtl" style="border: 2px solid rgb(0, 0, 0); width: 400px; height: 200px"></iframe>
	</div>
	<div style="position:absolute;top:60px;left:600px;">
		</br>Input-RTL&nbsp;:&nbsp;
		<input type='textbox' id="text12" dir="rtl" />
		</br>TextArea-RTL
		</br>
		<textarea id="text22" dir="rtl" style="width: 400px; height: 200px"></textarea>
		</br>Div-RTL
		<br>
		<div id="div12" contentEditable="true" dir="rtl"
			style="border: 2px solid rgb(0, 0, 0); width: 400px; height: 200px"></div>
		</br>Design-mode IFrame-RTL
		</br>
		<iframe id="frame12" designMode="On" dir="rtl" style="border: 2px solid rgb(0, 0, 0); width: 400px; height: 200px"></iframe>
	</div>
</body>
</body>
</html>
